const NameBox = ({ boxSize }: { boxSize: string }) => {
  const size = Number(boxSize);
  return (
    <div
      className="text-center bg-[#c4e0fc]"
      style={{
        height: `${size}vh`,
        width: `${size}vh`,
      }}
      suppressHydrationWarning
    />
  );
};

export default NameBox;
